<!--header-->
<div class='container content'>
  <div class='row courses_home'>
    <div class='col-md-3 white'>
      <div class='title'>一对一辅导课程分类</div>
      <% (1..4).each do |m| %>
        <ul class='filter'>
          <li class='level'><a href=''>高中</a></li>
          <li class='level_sub'>
            <span><a href=''>高中高中</a></span>
            <span><a href=''>高中</a></span>
            <span><a href=''>高中</a></span>
            <span><a href=''>高中</a></span>
            <span><a href=''>高中</a></span>
            <span><a href=''>高中</a></span>
            <span><a href=''>高中</a></span>
            <span><a href=''>高中</a></span>
          </li>
        </ul>
      <% end %>
    </div>
    <div class='col-md-9'>
      <div class='banner white'>
        <div id="carousel-captions" class="carousel slide" data-ride="carousel">
          <ol class="carousel-indicators">
            <li data-target="#carousel-captions" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-captions" data-slide-to="1"></li>
            <li data-target="#carousel-captions" data-slide-to="2"></li>
          </ol>
          <div class="carousel-inner" role="listbox">
            <div class="item active">
              <img src='/xyt.jpg' data-src="holder.js/900x500/auto/#777:#777" alt="First slide image">
              <div class="carousel-caption">
                <h3>First slide label</h3>
                <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
              </div>
            </div>
            <div class="item">
              <img src='/wsd.jpg' data-src="holder.js/900x500/auto/#666:#666" alt="Second slide image">
              <div class="carousel-caption">
                <h3>Second slide label</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
              </div>
            </div>
            <div class="item">
              <img src='/hlw.jpg' data-src="holder.js/900x500/auto/#555:#5555" alt="Third slide image">
              <div class="carousel-caption">
                <h3>Third slide label</h3>
                <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
              </div>
            </div>
          </div>
          <a class="left carousel-control" href="#carousel-captions" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#carousel-captions" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
        </div>
      </div>
      <div class='banner_bottom white bg_local_bg'>
        <div class='local_title'>
          <i class="fa  fa-building"></i> 校区查询
        </div>
        <ul class='home_list_xiaoqu'>
          <% (1..10).each do |m| %>
            <li><%= link_to '北京学习中心', '#' %></li>
          <% end %>
        </ul>
      </div>
    </div>
  </div>
</div>
<!--在线报名-->
<div class='container content margin30'>
  <div class='container online_baoming_title content subtitle'>
    <div class="navbar-header">
      <a class="navbar-brand" href="#">小班课程辅导</a>
    </div>
    <ul class="nav navbar-nav navbar-right nav-right-school">
      <li><a href="http://blog.fontawesome.io" target="_blank">作者博客</a></li>
      <li><a href="http://www.dashgame.com" target="_blank">极风游科技</a></li>
      <li><a href=''>更多小班课程 &raquo;</a></li>
    </ul>
  </div>
  <div class='row white baoming-list clear'>
    <div class="col-md-3">课程名称</div>
    <div class="col-md-2 center">适用学员</div>
    <div class="col-md-2 center">开/闭班时间</div>
    <div class="col-md-1 center">课时</div>
    <div class="col-md-1 center">招生人数</div>
    <div class="col-md-1 center">价格</div>
    <div class="col-md-2 center">购买</div>
  </div>
  <% (1..10).each do |m| %>
    <div class='row white baoming-list clear'>
      <div class="col-md-3 sub-content-color"><a href=''>课程名称</a></div>
      <div class="col-md-2 sub-content-color center">适用学员</div>
      <div class="col-md-2 sub-content-color center">开/闭班时间</div>
      <div class="col-md-1 sub-content-color center">课时</div>
      <div class="col-md-1 sub-content-color center">招生人数</div>
      <div class="col-md-1 sub-content-color center">价格</div>
      <div class="col-md-2 botton center"><a href=''>购买</a></div>
    </div>
  <% end %>
</div>
<!--在线答疑-->
<div class='container content margin30'>
  <div class='container online_baoming_title content subtitle'>
    <div class="navbar-header">
      <a class="navbar-brand" href="#">在线答疑</a>
    </div>
    <ul class="nav navbar-nav navbar-right nav-right-school">
      <li><a href=''>更多 &raquo;</a></li>
    </ul>
  </div>
  <div class='row white dayi-list clear'>
    <div class="col-md-7">
      <div class='sub-dayi-title'>在线答疑</div>
      <div class='row clear'>
        <% ['gaozhong','chuzhong','xiaoxue'].each do |m| %>
          <div class="col-md-4">
            <%= link_to image_tag("sprites/#{m}_active.png"),"#",:class => 'thumbnail' %>
          </div>
        <% end %>
      </div>
    </div>
    <div class="col-md-5">
      <div class='sub-dayi-title'>适用学员</div>
      <ul class="list-group">
        <% (1..7).each do |m| %>
          <li class="list-group-item"><a class='title' href='#'>[小学语文]</a><a class='question' href='#'>XXXXXX</a></li>
        <% end %>
      </ul>
    </div>
  </div>
</div>
<!--辅导资料-->
<div class='container content margin30'>
  <div class='container online_baoming_title content subtitle'>
    <div class="navbar-header">
      <a class="navbar-brand" href="#">辅导资料</a>
    </div>
    <ul class="nav navbar-nav navbar-right nav-right-school">
      <li><a href=''>更多 &raquo;</a></li>
    </ul>
  </div>
  <div class='row fudao-ziliao-list white clear'>
    <div class='row-1'>
      <div class=title>学习辅导资料</div>
      <ul class="list-group">
        <% (1..7).each do |m| %>
          <li class="list-group-item"><a class='title' href='#'>[小学语文]</a><a class='question' href='#'>XXXXXX</a></li>
        <% end %>
      </ul>
    </div>
    <div class='row row-2'>
      <div class=title>学习辅导资料</div>
      <% (1..6).each do |m| %>
        <div class="col-md-4">
          <%= link_to image_tag("test_ad_2.jpg"),"#",:class => 'image' %>
          <div><i class="fa fa-tag"></i> <a href=''>asdasdasdasd</a></div>
        </div>
      <% end %>
    </div>
  </div>
</div>
<!--优秀教师-->
<div class='container content margin30'>
  <div class='container online_baoming_title content subtitle'>
    <div class="navbar-header">
      <a class="navbar-brand" href="#">优秀教师</a>
    </div>
    <ul class="nav navbar-nav navbar-right nav-right-school">
      <li><a href=''>更多 &raquo;</a></li>
    </ul>
  </div>
  <div class='row jiaoshi-list clear'>
    <% (1..4).each do |m| %>
      <div class="col-md-3 white">
        <div class='image'><%=  image_tag("test_ad_3.jpg") %></div>
        <div class='tname'>张勇</div>
        <div class='tname_kemu'>辅导年级：初中</div>
        <div class='tname_kemu'>辅导科目：物理</div>
      </div>
    <% end %>
  </div>
</div>
<!--优秀学生-->
<div class='container content margin30'>
  <div class='container online_baoming_title content subtitle'>
    <div class="navbar-header">
      <a class="navbar-brand" href="#">优秀学生</a>
    </div>
    <ul class="nav navbar-nav navbar-right nav-right-school">
      <li><a href=''>更多 &raquo;</a></li>
    </ul>
  </div>
  <div class='row xuesheng-list clear'>
    <% (1..5).each do |m| %>
      <div class="white">
        <div class='name'>周同学</div>
        <div class='local'><i class="fa fa-map-marker"></i>双楠学习中心</div>
        <div class='sub'><i class="fa fa-pencil-square-o"></i>辅导科目：<span>asdasda</span></div>
        <div class='sub'><i class="fa fa-search"></i>辅导前：<span>asdasda</span></div>
        <div class='sub'><i class="fa fa-search"></i>辅导后：<span>asdasda</span></div>
        <div class='manyi'>满意度<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></div>
      </div>
    <% end %>
  </div>
</div>
<!--关于我们-->
<div class='container content margin30'>
  <div class='container online_baoming_title content subtitle'>
    <div class="navbar-header">
      <a class="navbar-brand" href="#">关于我们</a>
    </div>
  </div>
  <div class='row guanyu-list clear'>
    <div class='row-1'><%=  image_tag("buttom_log.jpg") %></div>
    <div class='row-2'><span>倍多分教育</span>本着倍加用心，多思善育，分秒勇争的文化理念，本着良心，诚心，用心，真心和耐心的教学宗旨，致力于帮助中小学生培养学习习惯，激发学习潜能，树立学习信心，提高学习成绩，倡导学生做自己学习的主人进而做人生的主人。倍多分教育自成立以来，团队不断壮大，目前已拥有一支集年轻化，专业化，先进化于一体的咨询，教学，管理队伍。自成立以来，专注于教学质量的提升，学习能力的培养，深受学生和家长的认可。</div>
  </div>
</div>
